<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>


<head>
<title>具体展览首页-笔飞美术作品</title>
 <link rel="stylesheet" type="text/css" href="/css/style_zlg.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<%@include file="../common/jspcommon.jsp"%>
<%@include file="../common/css.jsp"%>
 <script type="text/javascript">
	function showPics(id){
		window.location.href="rpics.htm?id="+id;
	}
	function showPic(picId,roomId){
		window.location.href="artpic.htm?id="+picId+"&roomId="+roomId;
	}
	</script>
</head>
<body>
	<div id="box">
		<%@include file="../common/header.jsp"%>

		<div id="main_div">
			<div class="site_map">
				<a href="/welcome.htm">首页</a> 》<a href="artroom.htm">展览馆</a> 》 <c:if test="${isTrue}"> <a href="">当期展览</a></c:if><c:if test="${!isTrue }"><a href="">往期展览</a></c:if>&nbsp;》${inroom.title }
			</div>

			<div class="main_div_top">
				<img src="${inroom.titlePic}" alt="" />
				<%-- <p class="t_1">${inroom.title }</p>
				<p class="t_2">${inroom.subtitle}</p> --%>
			</div>

			<div class="main_div_left mt20">
				<div class="jtzl_list">
					<div class="jtzl_list_t">
						<h2>关于展览</h2>
					</div>
					<div class="jtzl_list_c1">
						  <p id="strContent"></p>
						<p id="Ul1">
							<a href="javascript:void(0);" onclick="slideToggle()"><b>》查看更多</b>
							</a>
						</p>
						<div id="Ul2" style="display: none;">
							<p style="display: none;" id="strHidden">${inroom.description}</p>
						</div>
						<p id="Ul3" style="display: none;">
							<a href="javascript:void(0);" onclick="slideToggle2()"><b>》点击收起</b>
							</a>
						</p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
						});
						$(function() {
							subStr(500);
						});
						function slideToggle() {
							subStr(0);
							$("#Ul2").slideToggle();
							$("#Ul1").hide();
							$("#Ul3").show();
						}
						function slideToggle2() {
							subStr(500);
							$("#Ul2").slideToggle();
							$("#Ul1").show();
							$("#Ul3").hide();
						}
						function subStr(n) {
							var str=document.getElementById("strHidden").innerHTML
							if (n > 0) {
								var strContent = str.substring(0, n);
								str = strContent
							}
							document.getElementById("strContent").innerHTML = str;
						}
					</script>
				</div>

				<div class="jtzl_list">
					<div class="jtzl_list_t">
						<h2>关于画家</h2>
					</div>
					<div class="jtzl_list_c1">
					<c:forEach items="${istList}" var="ist" varStatus="v">
						<c:if test="${v.index < 3}">
							<p>
								<a href="#"><b>${ist.artArtist.name}</b> </a>
							</p>
							<p>${ist.artArtist.detail }</p>
							<p class="line"></p>
						</c:if>
					</c:forEach>	
						<p id="P1">
								<a href="javascript:void(0);" onclick="slideToggle3()"><b>》查看更多</b>
								</a>
							</p>
						
						<div id="P2" style="display: none;">
							<c:forEach items="${istList}" var="ist" varStatus="v">
								<c:if test="${v.index > 3 && v.index < 6}">
								<p>
									<a href="#"><b>${ist.artArtist.name}</b> </a>
								</p>
								<p>${ist.artArtist.detail }</p>
								<p class="line"></p>
								</c:if>
								</c:forEach>	
						</div>
						
						<p id="P3" style="display: none;">
							<a href="javascript:void(0);" onclick="slideToggle4()"><b>》点击收起</b>
							</a>
						</p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
						});
						function slideToggle3() {
							$("#P2").slideToggle();
							$("#P1").hide();
							$("#P3").show();
						}
						function slideToggle4() {
							$("#P2").slideToggle();
							$("#P1").show();
							$("#P3").hide();
						}
					</script>
				</div>

				<div class="jtzl_list">
					<div class="jtzl_list_t">
						<h2><a href="#" onclick="showPics('${inroom.identifier}')">展览作品</a></h2>
					</div>
					<div class="jtzl_list_c1">
						<div class="div_img1 fl">
							<ul>
										<c:forEach items="${inroom.artPicList}" var="artPic">
											<li><a href="#" onclick="showPic('${artPic.artPic.identifier}','${inroom.identifier}');"><img src="${artPic.artPic.imagePath}" alt="" /> </a></li>
										</c:forEach>
							</ul>
						</div>
					</div>
				</div>
					<div class="jtzl_list">
					<div class="jtzl_list_t">
						<h2>相关视频</h2>
					</div>
					<div class="jtzl_list_c1">
						<div class="div_img1 fl">
							<ul>
								<c:forEach items="${artRoomVideoList}" var="list">
										<li>
											<a href="/flvList.htm?roomid=${inroom.identifier}" > <img src="${list.picture}_100x100" alt="" style="width: 92px;height: 122px"/> </a>
										</li>
								</c:forEach>
							</ul>
						</div> 
					</div>
				</div>
			</div>
			<div class="main_div_right mt20">
				 <c:forEach items="${rightUpList}" var="rup">
            <div class="right_div2 mt20">
            <div class="right_div2_t"><h2>${rup.title }</h2></div>
            <a href="comcon.htm?id=${rup.identifier}"><img src="${rup.picture}" class="img1" alt=""/></a>
            <div class="right_div2_c">
            	${rup.description}
            </div>
            </div>
		</c:forEach>
			</div>
			<!-- foot-->
			<%@include file="../common/footer.jsp"%>
			<!-- foot--end-->
		</div>
	</div>
</body>
</html>
